import Vue from "vue";
import VueRouter from "vue-router";

// 引入组件
import Home from "@/views/Home";
import About from "@/views/About";

// 安装插件
// 提供两个内置全局组件：router-link 和 router-view (RouterLink 和 RouterView)
Vue.use(VueRouter);

const router = new VueRouter({
  mode: "history", // 路由的模式（两种：hash和history）
  routes: [
    // 路由配置项
    {
      path: "/home", // 路由路径(只能以 / 开头)
      component: Home, // 路由组件
    },
    {
      path: "/about",
      component: About,
    },
  ],
});

export default router;
